<div dojoType="dijit.layout.AccordionContainer" style="width:100%; height:90%;">
	<div dojoType="dijit.layout.AccordionPane" title="<img src='images/cart.png' width='12' height='12'/> Cart">
	<div dojoType="dijit.Toolbar" id="cartToolBar" style="display:block;">
		<div dojoType="dijit.form.Button" id="purchaseButton" style="display:inline;" onClick="dijit.byId('loadDiv').href='createOrder.htm';dijit.byId('loadDiv').show(); return false;">
			<img src="images/buy.png"/>Buy Now
		</div>
		<span dojoType="dijit.ToolbarSeparator" ></span>
		<div dojoType="dijit.form.Button" id="moveToTrash">
			<img src="images/trash.png"/>Move To Trash
		</div>
	</div>
	<br/>
		<div id="addToCartDataGrid">
			<!-- Data stores read data from a data store such as a servlet -->
			<div dojoType="dojox.data.QueryReadStore" jsId="cartStore" url="addToCart.htm">
			</div>
		<!-- A grid displays data and offer useful operations such as client sorting -->
			<div id="cartGrid" jsId="cartGrid" dojoType="dojox.grid.EnhancedGrid" structure="cartLayout"
				store="cartStore" style="height:100%;"
				plugins="{nestedSorting: true, dnd: true, indirectSelection: true }" rowSelector="0px">
    		</div>        
		</div>
	</div>
	
	<div dojoType="dijit.layout.AccordionPane" title="<img src='images/trash.png' width='12' height='12'/> Trash">
		<div dojoType="dijit.Toolbar" id="trashToolBar" style="display:block;">
		<button dojoType="dijit.form.Button" id="moveToCart"><img src="images/trash.png"/>Move To Cart</button>
		</div>
	</div>
</div>
